<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>管理后台</title>
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>

    <link rel="stylesheet" th:href="@{/css/bootstrap/bootstrap.min.css}"/>
    <script th:src="@{/js/jquery.cookie.js}"></script>
    <script th:src="@{/js/demo-rtl.js}"></script>

    <link rel="stylesheet" th:href="@{/css/libs/font-awesome.css}"/>
    <link rel="stylesheet" th:href="@{/css/libs/font.css}"/>
    <link rel="stylesheet" th:href="@{/css/libs/nanoscroller.css}"/>
    <link rel="stylesheet" th:href="@{/css/compiled/theme_styles.css}"/>
    <!--model-->
    <link rel="stylesheet" th:href="@{/css/libs/nifty-component.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap-select.css}"/>
    <!--date-->
    <link rel="stylesheet" th:href="@{/css/libs/bootstrap-datetimepicker.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/libs/bootstrap-timepicker.css}"/>
    <link rel="stylesheet" th:href="@{/css/libs/datepicker.css}"/>
    <link type="image/x-icon" href="favicon.png" rel="shortcut icon"/>
    <!--[if lt IE 9]>
    <script th:src="@{/js/html5shiv.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
</head>

<body layout:fragment="header">
<div id="theme-wrapper">
    <!--top-->
    <header class="navbar" id="header-navbar">
        <div class="container">
            <a href="/" id="logo" class="navbar-brand">
                <img src="/img/logo.png" alt="" class="normal-logo logo-white"/>
                <img src="/img/logo-black.png" alt="" class="normal-logo logo-black"/>
                <img src="/img/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden"/> </a>

            <div class="clearfix">
                <button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span> </button>
                <div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs">
                    <ul class="nav navbar-nav pull-left">
                        <li> <a class="btn" id="make-small-nav"> <i class="fa fa-bars"></i> </a> </li>
                    </ul>
                </div>
                <div class="nav-no-collapse pull-right" id="header-nav">
                    <ul class="nav navbar-nav pull-right">
                        <li class="dropdown profile-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="hidden-xs">欢迎 ${session.admin_name}</span> <b class="caret"></b> </a>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:void(0)" id="modifyAdminInfo"><i class="fa fa-user"></i>资料修改</a></li>
                                <li><a href="{{ url('auth/Login/logout}"/>"><i class="fa fa-power-off"></i>退出</a></li>
                            </ul>
                        </li>
                        <li class="hidden-xxs"> <a class="btn" href="{{ url('auth/Login/logout}"/>"> <i class="fa fa-power-off"></i> </a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div id="page-wrapper" class="container">
        <div class="row">
            <!--leftnav-->
            <div id="nav-col">
                <section id="col-left" class="col-left-nano">
                    <div id="col-left-inner" class="col-left-nano-content">
                        <div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">
                            <div id="user-left-box" class="clearfix hidden-sm hidden-xs">
                                <img alt="" src="/img/samples/scarlet-159.png">
                                <div class="user-box">
                                    <span class="name">
                                    Welcome<br />
                                        <!--${session.admin_name}-->
                                    </span>
                                    <span class="status">
                                        <i class="fa fa-circle"></i> Online
                                    </span>
                                </div>
                            </div>
                            <ul class="nav nav-pills nav-stacked">
                                <li>
                                    <a href="${DOMAIN_ADMIN}" >
                                        <i class="fa fa-home"></i>
                                        <span>主页</span>
                                    </a>
                                </li>
                                <!--{% for menu in menu_list %}-->
                                <!--<li>-->
                                    <!--<a href="javascript:;" class="dropdown-toggle">-->
                                        <!--<i class="fa {{ menu['menu_icon'] }}"></i>-->
                                        <!--<span>{{ menu['menu_name'] }}</span>-->
                                        <!--<i class="fa fa-chevron-circle-right drop-icon"></i>-->
                                    <!--</a>-->
                                    <!--<ul class="submenu">-->
                                        <!--{% for first_menu in menu['first_menu'] %}-->
                                        <!--<li>-->
                                            <!--<a href="{{ first_menu['url'] }}">-->
                                                <!--{{ first_menu['name'] }}-->
                                            <!--</a>-->
                                        <!--</li>-->
                                        <!--{% endfor %}-->
                                    <!--</ul>-->
                                <!--</li>-->
                                <!--{% endfor %}-->
                            </ul>
                        </div>
                    </div>
                </section>
            </div>
            <div id="content-wrapper">
                <div class="row">
                    <div class="col-lg-12 center-block" layout:fragment="content">

                    </div>
                </div>
                <footer id="footer-bar" class="row">
                    <p id="footer-copyright" class="col-xs-12">
                        &copy; 2014 <a href="http://www.adbee.sk/" target="_blank">Adbee digital</a>. Powered by
                        Centaurus Theme.
                    </p>
                </footer>
            </div>
        </div>
    </div>
</div>

<div id="config-tool" class="closed">
    <a id="config-tool-cog">
        <i class="fa fa-cog"></i>
    </a>
    <div id="config-tool-options">
        <h4>Layout Options</h4>
        <ul>
            <li>
                <div class="checkbox-nice">
                    <input type="checkbox" id="config-fixed-header"/>
                    <label for="config-fixed-header">
                        Fixed Header
                    </label>
                </div>
            </li>
            <li>
                <div class="checkbox-nice">
                    <input type="checkbox" id="config-fixed-sidebar"/>
                    <label for="config-fixed-sidebar">
                        Fixed Left Menu
                    </label>
                </div>
            </li>
            <li>
                <div class="checkbox-nice">
                    <input type="checkbox" id="config-fixed-footer"/>
                    <label for="config-fixed-footer">
                        Fixed Footer
                    </label>
                </div>
            </li>
            <li>
                <div class="checkbox-nice">
                    <input type="checkbox" id="config-boxed-layout"/>
                    <label for="config-boxed-layout">
                        Boxed Layout
                    </label>
                </div>
            </li>
            <li>
                <div class="checkbox-nice">
                    <input type="checkbox" id="config-rtl-layout"/>
                    <label for="config-rtl-layout">
                        Right-to-Left
                    </label>
                </div>
            </li>
        </ul>
        <br/>
        <h4>Skin Color</h4>
        <ul id="skin-colors" class="clearfix">
            <li>
                <a class="skin-changer" data-skin="0" data-toggle="tooltip" title="Default"
                   style="background-color: #34495e;">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-white" data-toggle="tooltip" title="White/Green"
                   style="background-color: #2ecc71;">
                </a>
            </li>
            <li>
                <a class="skin-changer blue-gradient" data-skin="theme-blue-gradient" data-toggle="tooltip"
                   title="Gradient">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-turquoise" data-toggle="tooltip" title="Green Sea"
                   style="background-color: #1abc9c;">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-amethyst" data-toggle="tooltip" title="Amethyst"
                   style="background-color: #9b59b6;">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-blue" data-toggle="tooltip" title="Blue"
                   style="background-color: #2980b9;">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-red" data-toggle="tooltip" title="Red"
                   style="background-color: #e74c3c;">
                </a>
            </li>
            <li>
                <a class="skin-changer" data-skin="theme-whbl" data-toggle="tooltip" title="White/Blue"
                   style="background-color: #3498db;">
                </a>
            </li>
        </ul>
    </div>
</div>

<script th:src="@{/js/demo.js}"></script>
<script th:src="@{/js/demo-skin-changer.js}"></script>
<script th:src="@{/js/jquery.nanoscroller.min.js}"></script>
<script th:src="@{/js/bootstrap-select.js}"></script>
<script th:src="@{/js/scripts.js}"></script>
<script th:src="@{/js/pace.min.js}"></script>
<script th:src="@{/js/bootstrap-timepicker.min.js}"></script>
<script th:src="@{/js/bootstrap-datepicker.js}"></script>
<script th:src="@{/js/bootstrap-datetimepicker.min.js}"></script>
<script th:src="@{/js/modalEffects.js}"></script>
<script th:src="@{/js/ready.js}"></script>

</body>
</html>